import {
  ElButton,
  ElForm,
  ElFormItem,
  ElInput,
  ElTabPane,
  ElTabs,
  ElCheckbox,
  ElLink,
  ElContainer,
  ElAside,
  ElHeader,
  ElMain,
  ElMenu,
  ElSubMenu,
  ElMenuItem,
  ElMenuItemGroup,
  ElDropdown,
  ElDropdownItem,
  ElDropdownMenu,
  ElIcon,
  ElRow,
  ElCol,
  ElSelect,
  ElOption,
  ElDatePicker,
  ElBreadcrumb,
  ElBreadcrumbItem,
  ElTable,
  ElTableColumn,
  ElPagination,
  ElImage,
  ElDialog,
  ElTree,
  ElCard
} from 'element-plus/lib/index'
import {
  UserFilled,
  PhoneFilled,
  Monitor,
  Sunny,
  Expand,
  Fold,
  ArrowDown,
  User,
  Suitcase,
  CircleCloseFilled,
  Search,
  RefreshRight,
  Refresh,
  Edit,
  Delete
} from '@element-plus/icons-vue'
import { App } from 'vue'
const components = [
  UserFilled,
  PhoneFilled,
  Monitor,
  Sunny,
  Expand,
  Fold,
  ArrowDown,
  User,
  Suitcase,
  CircleCloseFilled,
  Search,
  RefreshRight,
  Refresh,
  Edit,
  Delete,
  ElButton,
  ElForm,
  ElFormItem,
  ElInput,
  ElTabPane,
  ElTabs,
  ElCheckbox,
  ElLink,
  ElContainer,
  ElAside,
  ElHeader,
  ElMain,
  ElMenu,
  ElSubMenu,
  ElMenuItem,
  ElMenuItemGroup,
  ElDropdown,
  ElDropdownItem,
  ElDropdownMenu,
  ElIcon,
  ElRow,
  ElCol,
  ElSelect,
  ElOption,
  ElDatePicker,
  ElBreadcrumb,
  ElBreadcrumbItem,
  ElTable,
  ElTableColumn,
  ElPagination,
  ElImage,
  ElDialog,
  ElTree,
  ElCard
]

export default function (app: App) {
  components.forEach((item) => {
    app.component(item.name, item)
  })
}
